<!DOCTYPE HTML>
<html>
<head>
<title>Testing first-letter handling of font/text styles</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
html { overflow: hidden; }
body {
  margin: 20px;
  font-size: 600%;
  line-height: 1.2em;
  font-family: serif;
}

div { width: 5em; }
p { width: 0.5em; margin: 0; font-style: italic; }
p.floatingfirst::first-letter { float: left; font-weight: bold; text-transform: uppercase; font-style: normal; }
</style>

</head>
<body>
<div>
<p class="floatingfirst">gonzo</p>
</div>
</body>
</html>
